<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-09-05 09:48:56
 * @LastEditTime: 2019-09-16 09:21:43
 * @LastEditors: Please set LastEditors
 -->
<template>
    <div class="translate">
        <h2>请选择学龄段</h2>
        <ul>
            <li><img src="/static/images/primarySchool.png" alt="" @click="toGrade(1)"></li>
            <li @click="toGrade(2)"><img src="/static/images/middleSchool.png" alt=""></li>
            <li @click="toGrade(3)"><img src="/static/images/highSchool.png" alt=""></li>
        </ul>
    </div>
</template>


<script>
export default {
    data(){
        return {

        }
    },
    methods:{
        toGrade(grade){
            wx.setStorageSync('userInfo',{grade:grade})
            wx.navigateTo({
                url:"/pages/slect/main?grade="+grade
            })
        }
    }    
}
</script>

<style lang="less" scoped>
.translate{
    h2{
        font-size:42rpx;
        color:#070707;
        font-weight: bold;
        margin-bottom: 35rpx;
        margin-left: 38rpx;
        margin-top:35rpx;
    }
    ul{
            width: 674rpx;
            margin: 0 auto;
        li{
            width: 674rpx;
            height: 300rpx;
            margin-bottom: 28rpx;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
</style>

